<template>
    <div class="">

        <nuxt-link class="nav-item" :to="{path: '/test'}"> go test page</nuxt-link>
        <nuxt-link class="nav-item" :to="{path: '/sub/child'}">child</nuxt-link>
        <nuxt-link class="nav-item" :to="{path: '/about'}">about</nuxt-link>
        <nuxt-link class="nav-item" :to="{path: '/mystore'}">mystore</nuxt-link>
    </div>
</template>

<style lang="css" scoped>
    .nav {
        width: 960px;
        height: 100%;
        padding-right: 70px;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .nav-item {
        margin-left: 10px;
        text-decoration: none;
        line-height: 56px;
        padding: 0 15px;
        font-size: 17px;
        color: #333;
        border-radius: 19px;
        background: #eee;
        padding: 10px 10px;
    }
</style>

